<template>
  <view :class="'empty-box ' + className">
    <image class="empty-img" lazy-load :src="emptyImg"></image>
    <view class="empty-text">{{ emptyText }}</view>
  </view>
</template>

<script setup>
  import { stitchingURL } from "@/common/util.js";
  import emptyImg from "@/static/icons/empty-img.png";
  
  defineProps({
    emptyText: {
      type: String,
      default: '暂无结果'
    },
    className: {
      type: String,
      default: ""
    }
  });
</script>

<style lang="scss" scoped>
.empty-box {
  width: 100%;
  text-align: center;
  padding-top: 100upx;
  padding-bottom: 100upx;
  &.no-padding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .empty-img {
    width: 260upx;
    height: 260upx;
  }

  .empty-text {
    margin-top: 24upx;
    font-style: normal;
    font-weight: 400;
    font-size: 28upx;
    line-height: 39upx;
    text-align: center;
    color: #999999;
  }
}
</style>